<!DOCTYPE html>
<html>

<head>
    <title>味爱地图</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_534934_rmgoi0pncah2rzfr.css">
</head>

<body>
<div id="page1">
    <header>
        <h1 class="title">订单详情</h1>
        <i class="iconfont icon-back max z-in cell-left clickbetter toBack" ></i>
        <div class="underline"></div>
    </header>
    <div class="content orderDetail">
        <li class="selectaddr flex middle item">
            <i class="cell-right iconfont icon-dingwei2 ico"></i>
            <div class="cell-main addr-hook">
                <span class=" cell-right xl">暂无配送地址</span>
                <div class=" overhide l">还没有配送地址，赶紧去添加吧</div>
            </div>
            <i class="cell-left  iconfont icon-more ico"></i>
        </li>
        <img src="${staticpath}/front/dist/images/line.jpg" alt="" class="colorline">
        <ul class="orderlist">
            <div class="title-box item">
                <span class="xl">商品清单</span>
                <span class="pull-right orange xl">待付款</span>
            </div>
            <div class="sub item right xl">小计:<span class="price subtotal orange xxl">0</span></div>
        </ul>
        <div class="inf-wrapper">
            <ul class="underline">
                <div class="item xl flex ">
                    <div class="cell-right ">等级优惠</div>
                    <div class="orange discount" data-dis="1">无折扣</div>
                </div>
            </ul>
            <ul class="underline voucher">
                <div class="item xl flex">
                    <div class="cell-right cell-main">使用代金券</div>
                    <div class=" hui l"><span class="select" money="0">未选择</span><i class="iconfont cell-left icon-more xl"></i></div>
                </div>
            </ul>
            <ul class="underline boxprice">
                <div class="item xl flex">
                    <div class=" cell-main">餐盒费</div>
                    <div id="j-boxprice" class="l hui cell-right price"></div>
                </div>
            </ul>
            <ul class="underline boxprice">
                <div class="item xl flex">
                    <div class=" cell-main">配送费</div>
                    <div id="j-send" class="l hui cell-right price"></div>
                </div>
            </ul>
        </div>
    </div>
    <nav  class=" flex order-pay">
        <div class="l cell-main  cell-left"><span>合计：</span><span class="red price orderPrice xl">0</span></div>
        <div class=" l btn " id="submit">
            提交订单
        </div>
        <div class=" l btn hide" id="exceed">
            超出配送范围
        </div>
    </nav>
</div>
<div id="page2" class="hide">
    <header>
        <h1 class="title xxl">选择代金券</h1>
        <i class="iconfont icon-back max z-in cell-left clickbetter" onclick="$('#page1').show().siblings().hide()"></i>
        <div class="underline"></div>
    </header>
    <div class="content juan">
        <div class="isuse flex">
            <div class="xl cell-main cell-left no">不使用红包</div>
            <label class=" cell-right">
                <input type="checkbox" class="hide">
                <i class="iconfont icon-checkBox-active max sel"></i>
            </label>
        </div>

    </div>
</div>
<div id="page3" class="hide">
    <header >
        <h1 class="title xxl">结算页面</h1>
        <i class="iconfont icon-back max z-in cell-left clickbetter" onclick="$('#page1').show().siblings().hide()"></i>
        <div class="underline"></div>
    </header>
    <div class="content bot0 " style="padding-top: 0.5rem">
        <div class="order-box white mb10">


        </div>
        <div class="white mb10">
            <ul class="underline income hide">
                <div class="item xl flex">
                    <div class="cell-right ">使用收益</div>
                    <input id="income" type="number" placeholder="可用收益为0.00">
                </div>
            </ul>
            <ul class="underline balance hide">
                <div class="item xl flex">
                    <div class="cell-right ">使用余额</div>
                    <input id="balance" type="number" placeholder="可用余额为0.00">
                </div>
            </ul>
        </div>
        <div class="tip-wrapper">
            <div class="tip l">备注：线下支付只享受等级优惠</div>
            <div class="facepay orange xl" ><span class="payway">线下付款</span>></div>
        </div>
        <div class="weui-btn  xl" id="paybtn">确认支付 <span class="price finalMoney max">88.88</span></div>
    </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="${staticpath}/front/dist/js/common/getUrl.js"></script>
<script src="${staticpath}/front/dist/js/order/cartOrderDetail.js"></script>
<script src="${staticpath}/front/dist/js/common/print.js"></script>
</html>